<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<script>

    fetch("../AData/data.json").then(function(data){
        console.log(data);
        return data.text();
        //text() 方法属于fetch api的一部分，他返回一个Promise实例对象，用于获取后台返回的数据
        //也可以直接使用json()
    }).then(function(data){
        console.log(data);
    });


    /* 常用配置选项 */
    /*
        method(String)：HTTP请求，默认为GET（GET.POST,PUT,DELETE）;
        body(String): Http的请求参数
        headers(Object): Http的请求，默认为{}
    * */
    fetch("../AData/data.json",{
        method:"get"
    }).then(function(data){
        console.log(data);   //Response 相应
        return data.json();
    }).then(function(data){
        console.log(data);   //获取 值
    })



    /*post 请求*/
    /*
    fetch("../AData/data.json",{
        method:"post",
        body:"uname=lisi&pwd=123",
        header:{
            'Content-Type':'application/x-www-from-urlencoded'   //可能会解决跨域问题
        }
    }).then(function(data){
        console.log(data);   //Response 相应
        return data.json();
    }).then(function(data){
        console.log(data);   //获取 值
    })

    //或使用
    //body:JSON.stringify({uname:'lisi',pwd:'123'})
    //header:{
    //    'Content-Type':'application/json'
    //}

    * */
</script>
</body>
</html>
